html .w-index {
  line-height: normal;
  margin: 1.25em 0 0;
  padding: 0;
}

.w-index .w-post-wrapper {
  position: relative;
  background: #000;
  display: block;
}

.w-index .w-index-outer {
  display: table;
  width: 100%;
}

.w-index .w-mobile-index-arrow {
  background: #3c3c3c;
  font-family: Arial, sans-serif;
  font-size: 50pt;
  font-weight: bold;
  vertical-align: middle;
  display: table-cell;
  color: #fff;
}

.w-index .w-mobile-index-contents {
  padding: 5px;
  display: table-cell;
  color: #fff;
}

.w-index img {
  display: block;
  margin: 0 5px 5px 0;
}

.w-index .mobile-index-thumbnail {
  float: left;
}


/* cores dos fundos dos titulos das postagens de acordo com a categoria */
.w-index .BLOGGER   { background-color: rgba(255, 127, 42 , .6); }
.w-index .PHOTOSHOP { background-color: rgba(108, 124, 249, .6); }
.w-index .GIMP      { background-color: rgba(217, 35 , 14 , .6); }
.w-index .TEMPLATE  { background-color: rgba(17 , 190, 12 , .6); }
.w-index .GERAL     { background-color: rgba(200, 200, 200, .6); }



